.voucher-card {
    padding      : 16px;
    margin-bottom: 16px;

    .cnpc-bg {
        width         : 60px;
        height        : 60px;
        background-size: cover;
        background-image    : linear-gradient(90deg, #003DE3 0%, #3771FF 100%);
        border-radius : 8px;
        display       : flex;
        flex-direction: column;

        .cnpc-logo {
            width           : 12px;
            height          : 12px;
            background-image: url('../../assets/images/cnpc/logo.png');
            background-size : 100% 100%;
        }

        .cnpc-text {
            flex           : 1;
            font-size      : 18px;
            font-family    : PingFangSC-Semibold, PingFang SC;
            font-weight    : 600;
            color          : #FFFFFF;
            display        : flex;
            justify-content: center;
            align-items    : center;
        }

        .cnpc-bottom {
            width          : 60px;
            height         : 22px;
            line-height    : 22px;
            background     : rgba(255, 255, 255, .15);
            font-size      : 10px;
            font-family    : PingFangSC-Semibold, PingFang SC;
            font-weight    : 600;
            color          : #FFFFFF;
            display        : flex;
            justify-content: center;
            align-items    : center;
        }
    }

    .card-detail {
        padding-left: 12px;
        flex        : 1;
        font-size   : 14px;
        color       : #393C43;
        font-weight : 500;

        .small {
            font-size       : 12px;
            color           : rgba(57, 60, 67, 0.56);
            transform-origin: 0 50%;
            transform       : scale(.83);
        }
    }

    .card-button {
        font-size: 14px;
        padding  : 0 16px;
    }
}